import { StyleSheet, PixelRatio, Dimensions } from "react-native"
import { style } from '../../../../../theme/style';
import { GLOBAL } from '../../../../../config/global';
const scale = GLOBAL.SCALE;

export const commen = {
	edge: {
		paddingLeft: 16 * scale,
		paddingRight: 16 * scale
	},
	edge2: {
		marginLeft: 12 * scale,
		marginRight: 12 * scale
	},
	lable: {
		color: '#34475F',
		fontWeight: 'bold'
	},
	value: {

	}
}

export const commonStyle = StyleSheet.create({
	row: {
		flexDirection: 'row',
		alignItems: 'center'
	},
	row2: {
		flexDirection: 'row',
		justifyContent: "space-between",
		alignItems: 'center'
	},
	row3: {
		flexDirection: 'row',
		alignItems: 'center'
	},
	row4: {
		flexDirection: 'row',
		justifyContent: "flex-end",
		alignItems: 'center'
	},
	fontTitle: {
		fontSize: 14 * scale,
		color: style.color.font1
	},
	goodsSubTitle: {
		marginLeft: 8 * scale,
		fontSize: 12 * scale,
		color: style.color.themeColor
	}
})
export const orderStyle = StyleSheet.create({
	container: {
		flex: 1,
		marginTop: -80 * scale
	},
	scollBox: {
		flex: 1,
		paddingBottom: 25 * scale
	},
	showBox: {
		backgroundColor: style.color.white,
		borderRadius: 4 * scale,
		paddingTop: 15 * scale,
		paddingBottom: 15 * scale,
		...commen.edge,
		...commen.edge2
	},
	body: {
		height: '100%',
		...commen.edge
	},
	block: {
		width: '100%',
		//height: 200 * scale,
		backgroundColor: style.color.white,
		marginBottom: 15 * scale,
		borderRadius: 4 * scale,
		paddingTop: 12 * scale,
		paddingBottom: 12 * scale,
		...commen.edge
	},
	lable: {
		fontSize: 10 * scale,
		width: 85 * scale,
		textAlign: 'left',
		marginLeft: 8 * scale,
		...commen.lable
	},

	valueBox: {
		width: 240 * scale
	},
	value: {
		color: style.color.font1,
		fontSize: 10 * scale
	},
	loadColor: {
		color: style.color.fontBlue
	},
	lineFeed: {
		flexWrap: 'wrap',
		display: 'flex',
		flexDirection: 'row'
	},
	notFirst: {
		marginTop: 3 * scale,
	},
	xian: {
		color: style.color.font1,
		fontSize: 13 * scale,
		paddingLeft: 4 * scale,
		paddingRight: 4 * scale,
	},
	payLie: { //1
		paddingLeft: 0 * scale
	},
	payList: {
		paddingTop: 5 * scale,
		paddingBottom: 5 * scale,
		marginLeft: 25 * scale
	},
	payWidth: {
		width: 90 * scale
	},
	paylable: {
		fontSize: 14 * scale,
		color: style.color.font1,
		textAlign: 'left'
	},
	paylable2: {
		fontSize: 14 * scale,
		color: style.color.font1,
		paddingLeft: 4 * scale
	},
	paylableRed: {
		color: style.color.fontRed1,
		fontSize: 14 * scale
	},
	listItem: {  //2
		marginTop: 15 * scale,
		...commen.edge
	},
	listTime: {
		textAlign: 'right',
		fontSize: 13 * scale,
		marginBottom: 5 * scale,
	},
	listBody: {
		...commen.edge,
		backgroundColor: style.color.white,
		borderRadius: 4 * scale,
		paddingTop: 15 * scale,
		paddingBottom: 15 * scale,
	},
	listTitle: {
		fontSize: 14 * scale,
		color: style.color.font1
	},
	listStatus: {
		fontSize: 14 * scale,
		color: style.color.font1,
		fontWeight: 'bold',
	},
	listRow: {
		flex: 1,
		paddingTop: 10 * scale
	},
	listLable: {
		...commen.lable,
		fontSize: 13 * scale,
		paddingTop: 10 * scale
	},
	listValue: {
		color: style.color.font1,
		fontSize: 13 * scale,
		paddingTop: 7 * scale
	},
	listValue2: {
		color: style.color.font1,
		fontSize: 13 * scale,
		paddingTop: 10 * scale
	},
	listRemark: {
		paddingTop: 8 * scale,
		width: 280 * scale,
	},
	listLoad: {
		color: style.color.fontBlue,
		fontSize: 14 * scale,
		marginTop: 30 * scale
	},

	laodIng: {
		height: 100 * scale,
		flexDirection: 'row',
		justifyContent: 'center',
		alignContent: 'center'
	},
	listLineHeight: {
		lineHeight: 20 * scale
	}
})



